<template>
    <div class="photo-box">
        <div class="block">
            <span class="demonstration" >原图</span>
            <el-image :src="src1"></el-image>
        </div>
        <div class="block" style="" >
            <span class="demonstration">识别结果</span>
            <el-image :src="src2">
            <div slot="placeholder" class="image-slot">
                加载中<span class="dot">...</span>
            </div>
            </el-image>
        </div>
    </div>
</template>

<script>
  export default {
    data() {
      return {
        src1: 'http://www.ai666.site:8799/static/images/img0.jpg',
        src2: 'http://www.ai666.site:8799/static/images/img1.jpg'
      }
    }
  }
</script>

<style scoped>
.photo-box {
  margin-top: 20px;
  display:flex;
  justify-content: center;
  align-items:baseline;
}

.block {
  display:flex;
  justify-content: center;
  align-items:baseline;width:600px;
}
</style>